<!DOCTYPE html>
<html>
<head>
	<title>公共样式7-12</title>
	<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.js"></script>
	<script src="https://cdn.bootcss.com/jquery_lazyload/1.9.7/jquery.lazyload.js"></script>
	<link href="https://cdn.bootcss.com/animate.css/3.7.0/animate.min.css" rel="stylesheet">
	<script src="https://cdn.bootcss.com/wow/1.1.2/wow.min.js"></script>
	<link rel="stylesheet" type="text/css" href="../css/reset.css">
	<link rel="stylesheet" type="text/css" href="../css/pubulic_wrap.css">
	<link rel="stylesheet"ype="text/css" href="../css/yoga.css">
	<script src="../front_js/jquery.min.js"></script>
</head>
<body>
	<!--第一张内容第一个模块 -->
	<!-- <div class="upcoming public_wrap">
		<div class="content">
			<div class="">
				<div class="home-logo">
					<img src="im/Vector Smart Object5.png">
				</div>
				<div class="upcoming-words home-words">
					<p>Instructors</p>
				</div>
				<div class="home-y-content home-wrap-content">
					<p>Pellentesque aliquet sed magna consequsat venenatis. Ut fermentum viverra porta. Nullam dui odio, tempus ut porttitor non, dignissim vel felis. Vestibulum convallis eu eros sit amet pellentesque. Vestibulum ullamcorper, magna vitae ornare pretium</p>
				</div>
				<div class="team flexbox">

				</div>
			</div>
		</div>
	</div> -->
	<!-- 第七张 About us 3  进度条 -->
	<!-- <div class="gifts-2 clearfix">
		<ul class="about-us-4 work-progress">
			<li>
				<span class="span-left color">Breathing</span>
				<span class="span-right color">65%</span>
				<p class="work-p">
					<input  type="range" name="" class="input-7">
				</p>
			</li>
			<li>
				<span class="span-left color">Breathing</span>
				<span class="span-right color">65%</span>
				<p class="work-p2 work-p">
					<input  type="range" name="" class="input-7">
				</p>
			</li>
			<li>
				<span class="span-left color">Breathing</span>
				<span class="span-right color">65%</span>
				<p class="work-p3 work-p">
					<input  type="range" name="" class="input-7">
				</p>
			</li>
			<li>
				<span class="span-left color">Breathing</span>
				<span class="span-right color">65%</span>
				<p class="work-p">
					<input  type="range" name="" class="input-7">
				</p>
			</li>
			<li>
				<span class="span-left color">Breathing</span>
				<span class="span-right color">65%</span>
				<p class="work-p4 work-p">
					<input  type="range" name="" class="input-7">
				</p>
			</li>
		</ul>
	</div> -->
	<!-- 第七张 what we offer -->
	<!-- <div class="home-y-s-bc public_wrap">
		<div class="content">
			<div class="">
				<div class="home-logo">
					<img src="im/Vector Smart Object5.png">
				</div>
				<div class="home-y-words home-words">
					<p>Instructors</p>
				</div>
				<div class="home-y-content home-wrap-content">
					<p>Pellentesque aliquet sed magna consequsat venenatis. Ut fermentum viverra porta. Nullam dui odio, tempus ut porttitor non, dignissim vel felis. Vestibulum convallis eu eros sit amet pellentesque. Vestibulum ullamcorper, magna vitae ornare pretium</p>
				</div>
			</div>
		</div>
		<div class="home-class pub-wrap-all">
			<ul class=" ourclass flexbox content2">
				<li  class='wow bounceInLeft  ourclass-li foll' data-wow-delay="0.5s">
					<div>
						<img src="im/Layer 680.png">
					</div>
					<div class="ourclass-details">
						<p class="class-name home-y-words">Mindful Resilience</p>
						<p class="class-detail home-y-content">     massa nequePellentesque vitae diam vel orci pellen</p>
					</div>
					<a href="#" class="book-class-bc li-btn button-bc border2">boc la</a>
				</li>
				<li  class='wow bounceInLeft ourclass-li foll' >
					<div>
						<img src="im/Layer 680.png">
					</div>
					<div class="ourclass-details">
						<p class="class-name home-y-words">Mindful Resilience</p>
						<p class="class-detail home-y-content">     massa nequePellentesque vitae diam vel orci pellen</p>
					</div>
					<a href="#" class="book-class-bc li-btn button-bc border2">boc la</a>
				</li>
				<li  class='wow bounceInRight ourclass-li foll' ">
					<div>
						<img src="im/Layer 680.png">
					</div>
					<div class="ourclass-details">
						<p class="class-name home-y-words">Mindful Resilience</p>
						<p class="class-detail home-y-content">     massa nequePellentesque vitae diam vel orci pellen</p>
					</div>
					<a href="#" class="book-class-bc li-btn button-bc border2">boc la</a>
				</li>
				<li  class='wow bounceInRight ourclass-li foll' data-wow-delay="0.5s">
					<div>
						<img src="im/Layer 680.png">
					</div>
					<div class="ourclass-details">
						<p class="class-name home-y-words">Mindful Resilience</p>
						<p class="class-detail home-y-content">     massa nequePellentesque vitae diam vel orci pellen</p>
					</div>
					<a href="#" class="book-class-bc li-btn button-bc border2">boc la</a>
				</li>
			</ul>
		</div>
	</div> -->
	<!-- 第八张  -->
	<!-- <div class="about-us-wrap home-y-f-bc public_wrap clearfix">
		<div class="content">
			<div class="services-wrap">
				<div class="services clearfix">
					<div class="tab-content">
						<div class="about-us-wrap-left hide span-left " >
							<div class="health-ser-left ser-tab-left ourclass-details">
								<p class="about-us-p home-y-words class-name "> Resilience3</p>
								<p class="about-us-p class-detail home-y-content">     Curabitur venenatis, justo eleifend bibendum suscipit, risuurabitur venenatis, justo eleifend bibendum suscipit, risus sapien faucibus turpis, eu  </p>
							</div>
							<ol class="your-choose clearfix">
								<li class="about-li  your-choose-li home-y-content">
									Cras maximus, nisl sed malesuada dapibus, lectus turpis
									
								</li>
								<li class="about-li  your-choose-li home-y-content">
									Cras maximus, nisl sed malesuada dapibus, lectus turpis
								</li>
								<li class="about-li  your-choose-li home-y-content">
									Cras maximus, nisl sed malesuada dapibus, lectus turpis
								</li>
							</ol>
							<div class="about-money-7">
								<p class="spn-money-btn bc-style">
									<span class="spn-money-btn  home-y-words border2 span"><b class="b">$</b>99.99</span>
								</p>
								<a href="#" class="book-class-bc  about-money-a  button-bc border2">book class</a>
							</div>
						</div>
					</div>
					<div class="green-shucai">
						<img src="im/Layer726.png">
					</div>
				</div>
			</div>
		</div>
	</div> -->
	<!-- <div class="about-us-wrap home-y-s-bc public_wrap clearfix">
		<div class="content">
			<div class="services-wrap">
				<div class="services clearfix">
					<div class="tab-content">
						<div class="about-us-wrap-left hide span-right" >
							<div class="health-ser-left ser-tab-left ourclass-details">
								<p class="about-us-p home-y-words class-name "> Resilience3</p>
								<p class="about-us-p class-detail home-y-content">     Curabitur venenatis, justo eleifend bibendum suscipit, risuurabitur venenatis, justo eleifend bibendum suscipit, risus sapien faucibus turpis, eu  </p>
							</div>
							<ol class="your-choose clearfix">
								<li class="about-li  your-choose-li home-y-content">
									Cras maximus, nisl sed malesuada dapibus, lectus turpis
									
								</li>
								<li class="about-li  your-choose-li home-y-content">
									Cras maximus, nisl sed malesuada dapibus, lectus turpis
								</li>
								<li class="about-li  your-choose-li home-y-content">
									Cras maximus, nisl sed malesuada dapibus, lectus turpis
								</li>
							</ol>
							<div class="about-money-7">
								<p class="spn-money-btn bc-style">
									<span class="spn-money-btn  home-y-words border2 span"><b class="b">$</b>99.99</span>
								</p>
								<a href="#" class="book-class-bc  about-money-a  button-bc border2">book class</a>
							</div>
						</div>
					</div>
					<div class="span-left">
						<img src="im/Layer726.png">
					</div>
				</div>
			</div>
		</div>
	</div> -->
	<!-- 第九张Most Popular Today -->
	<!-- <div class="about-us-wrap upcoming public_wrap clearfix">
		<div class="content2">
			<div class="content">
				<div class="home-logo">
					<img src="im/Vector Smart Object5.png">
				</div>
				<div class="upcoming-words home-words">
					<p>Instructors</p>
				</div>
				<div class="services-wrap">
					<div class="services clearfix">
						<div class="tab-content">
							<div class="about-us-wrap-left hide span-right" >
								<div class="health-ser-left ser-tab-left ourclass-details">
									<p class="about-us-p  class-name color"> Therapeutic Yoga For Relaxation
									</p>
								</div>
								<ol class="your-choose clearfix">
									<li class="most-popular  your-choose-li color">
										<img src="im/Shape582copy.png" class="yes-1">
										Pellentesque ac nibh semper hendrerit ante dictum elit mattis Fusce 
									</li>
									<li class="most-popular  your-choose-li color">
										<img src="im/Shape582copy.png" class="yes-1">
										Pellentesque ac nibh semper hendrerit ante dictum elit mattis Fusce 
									</li>
									<li class="most-popular  your-choose-li color">
										<img src="im/Shape582copy.png" class="yes-1">
										Pellentesque ac nibh semper hendrerit ante dictum elit mattis Fusce 
									</li>
									<li class="most-popular  your-choose-li color">
										<img src="im/Shape582copy.png" class="yes-1">
										Pellentesque ac nibh semper hendrerit ante dictum elit mattis Fusce 
									</li>
								</ol>
								<div class="about-money-7">
									<p class="spn-money-btn bc-style">
										<span class="spn-money-btn  color border2 span"><b class="b">$</b>99.99</span>
									</p>
									<a href="#" class="book-class-bc  about-money-a  button-bc border2">try to today</a>
								</div>
							</div>
						</div>
						<div class="span-left">
							<img src="im/Layer726.png">
						</div>
					</div>
				</div>
			</div>
			<img class="index-prev" id="pre" src="im/arrow right copy 2.png">
			<img class="index-next" id="next" src="im/arrow right.png">
		</div>
	</div> -->
	<!-- 第九张 第一个 -->
	<!-- <div class="home-y-s-bc public_wrap">
		<div class="content">
			<div class="">
				<div class="home-logo">
					<img src="im/Vector Smart Object5.png">
				</div>
				<div class="home-y-words home-words">
					<p>Instructors</p>
				</div>
				<div class="home-y-content home-wrap-content">
					<p>Pellentesque aliquet sed magna consequsat venenatis. Ut fermentum viverra porta. Nullam dui odio, tempus ut porttitor non, dignissim vel felis. Vestibulum convallis eu eros sit amet pellentesque. Vestibulum ullamcorper, magna vitae ornare pretium</p>
				</div>
			</div>
		</div>
		<div class="home-class pub-wrap-all">
				<ul class="appointment-ul ourclass flexbox content2">
					<li  class='wow bounceInLeft Reservations-li ourclass-li'data-wow-delay="0.5s" >
						<div class="Reservations-img foll">
							<img src="im/Layer 731.png">
							<div class="appointment-hover menban-hover">
								<img src="im/09---Reservations_03.png">
							</div>
						</div>
						<div class="ourclass-details">
							<p class="class-name home-y-words">Mindful Resilience</p>
							<input type="text" name="" class="appointment border2" placeholder="Enter your email">
						</div>
					</li>
					<li  class='wow bounceInLeft Reservations-li ourclass-li '>
						<div class="Reservations-img foll">
							<img src="im/Layer 731.png">
							<div class="appointment-hover menban-hover">
								<img src="im/09---Reservations_03.png">
							</div>
						</div>
						<div class="ourclass-details">
							<p class="class-name home-y-words">Mindful Resilience</p>
							<input type="text" name="" class="appointment border2" placeholder="Enter your email">
						</div>
					</li>
					<li  class='wow bounceInLeft Reservations-li ourclass-li ' data-wow-delay="0.5s">
						<div class="Reservations-img foll">
							<img src="im/Layer 731.png">
							<div class="appointment-hover menban-hover">
								<img src="im/09---Reservations_03.png">
							</div>
						</div>
						<div class="ourclass-details">
							<p class="class-name home-y-words">Mindful Resilience</p>
							<input type="text" name="" class="appointment border2" placeholder="Enter your email">
						</div>
					</li>
					<li  class='wow bounceInLeft Reservations-li ourclass-li '>
						<div class="Reservations-img foll">
							<img src="im/Layer 731.png">
							<div class="appointment-hover menban-hover">
								<img src="im/09---Reservations_03.png">
							</div>
						</div>
						<div class="ourclass-details">
							<p class="class-name home-y-words">Mindful Resilience</p>
							<input type="text" name="" class="appointment border2" placeholder="Enter your email">
						</div>
					</li>
				</ul>
				<a href="#" class="book-class-bc  btn-a btn button-bc border2">Send a Request</a>
		</div>
	</div> -->
	<!-- 第十一张 out team-->
	<!-- <div class="home-y-s-bc public_wrap content2">
		<div class="content">
			<div class="">
				<div class="home-logo">
					<img src="im/Vector Smart Object5.png">
				</div>
				<div class="home-y-words home-words">
					<p>Instructors</p>
				</div>
				<div class="home-y-content home-wrap-content">
					<p>Sed quis ultricies sapien, et bibendum ligula. Nam consequat velit orci, posuere volutpat quam viverra sit amet. Phasellus tempor diam non nunc hendrerit lobortis consectetur at dui. Fusce varius velit eu mauris placerat vulputate.</p>
				</div>
			</div>
		</div>
		<div class="pub-wrap-all ">
			<ul class=" ourclass flexbox content">
				<li class="wow bounceInRight ourteam-11-li" data-wow-delay="0.5s">
					<div class="ourteam-11  foll">
						<img src="im/Layer 42.png">
						<div class="bookclass">
								<a href="">
									<span class="border2">class book</span>
								</a>
							</div>
					</div>
					<a href="#">
						<div class="ourclass-details">
							<p class="class-name home-y-words">Mindful Resilience</p>
							<p class="class-detail home-y-content">     massa nequePellentesque vitae diam vel orci pellen</p>
							<ol class="ins-ol">
								<li class="facebook">	
								</li>
								<li class="picture facebook">
								</li>
								<li class="youtobe facebook">
								</li>
							</ol>
						</div>
					</a>
				</li>
				<li class="wow bounceInRight ourteam-11-li">
					<div class="ourteam-11  foll">
						<img src="im/Layer 42.png">
						<div class="bookclass">
								<a href="">
									<span class="border2">class book</span>
								</a>
							</div>
					</div>
					<a href="#">
						<div class="ourclass-details">
							<p class="class-name home-y-words">Mindful Resilience</p>
							<p class="class-detail home-y-content">     massa nequePellentesque vitae diam vel orci pellen</p>
							<ol class="ins-ol">
								<li class="facebook">	
								</li>
								<li class="picture facebook">
								</li>
								<li class="youtobe facebook">
								</li>
							</ol>
						</div>
					</a>
				</li>
				<li class="wow bounceInRight ourteam-11-li">
					<div class="ourteam-11  foll">
						<img src="im/Layer 42.png">
						<div class="bookclass">
								<a href="">
									<span class="border2">class book</span>
								</a>
							</div>
					</div>
					<a href="#">
						<div class="ourclass-details">
							<p class="class-name home-y-words">Mindful Resilience</p>
							<p class="class-detail home-y-content">     massa nequePellentesque vitae diam vel orci pellen</p>
							<ol class="ins-ol">
								<li class="facebook">	
								</li>
								<li class="picture facebook">
								</li>
								<li class="youtobe facebook">
								</li>
							</ol>
						</div>
					</a>
				</li>
				<li class="wow bounceInRight ourteam-11-li" data-wow-delay="0.5s">
					<div class="ourteam-11  foll">
						<img src="im/Layer 42.png">
						<div class="bookclass">
								<a href="">
									<span class="border2">class book</span>
								</a>
							</div>
					</div>
					<a href="#">
						<div class="ourclass-details">
							<p class="class-name home-y-words">Mindful Resilience</p>
							<p class="class-detail home-y-content">     massa nequePellentesque vitae diam vel orci pellen</p>
							<ol class="ins-ol">
								<li class="facebook">	
								</li>
								<li class="picture facebook">
								</li>
								<li class="youtobe facebook">
								</li>
							</ol>
						</div>
					</a>
				</li>
				
			</ul>
		</div>
	</div> -->
	<!-- 第十三张 Events-all Events -->
	<!-- <div>
		<div class="about-us-wrap home-y-s-bc public_wrap clearfix">
			<div class="content">
				<div class="services-wrap">
					<div class="services clearfix">
						<div class="tab-content">
							<div class="about-us-wrap-left hide span-right" >
								<div class=" ser-tab-left foll  ourclass-details clearfix">
									<p class="events-p1 about-us-p home-y-words "> Thai Massage Workshop</p>
									<p class="Alevents-p2 color3 class-name "> 201720 March,</p>
									<p class="about-us-p class-detail home-y-content">     Curabitur venenatis, justo eleifend bibendum suscipit, risuurabitur venenatis, justo eleifend bibendum suscipit, risus sapien faucibus turpis, eu  </p>
									<p class="wow swing events-money events-style-bc bc2 border2" data-wow-delay="0.5s">
										<span class="spn-money-btn  color border2 span"><b class="c">$</b>99.99</span>
									</p>
								</div>
								<ul class='events-ul clearfix'>
									<li class="events-ul-li1">6:00 am - 9:00 pm</li>
									<li class="events-ul-li2">6:00 am - 9:00 pm</li>
								</ul>
								<a href="#" class="events-button book-class-bc  about-money-a  button-bc border2">book class</a>
							</div>
						</div>
						<div class="span-left">
							<img src="im/Layer 727.png">
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="events-flower foll">
			<img src="im/13---Events---All-Events---Week_03.png" class="events-flowers">
		</div>
		<div class="content events-button-down">
			<a href="#" class="gifts-1 about-money-a  button-bc border2">Export Month's Events</a>
		</div>
	</div> -->
	<!-- 第十四张Events  Single class-->
	<!-- <div class=" home-y-s-bc public_wrap clearfix">
		<div class="content">
			<div class="content4 clearfix">
				<div class="">
					<div class="">
						<img src="im/Layer 729.png">
					</div>
					<div class="single-class  clearfix">
						<div class="about-us-wrap-left hide" >
							<div class=" ser-tab-left foll  ourclass-details clearfix">
								<p class="events-p1 about-us-p home-y-words "> Thai Massage Workshop</p>
								<p class="Alevents-p2 color3 class-name "> 201720 March,</p>
								<p class="about-us-p class-detail home-y-content">     Curabitur venenatis, justo eleifend bibendum suscipit, risuurabitur venenatis, justo eleifend bibendum suscipit, risus sapien faucibus turpis, eu  </p>
								<p class="wow swing events-single-money events-style-bc bc2 border2" data-wow-delay="0.5s">
									<span class="spn-money-btn  color border2 span"><b class="c">$</b>99.99</span>
								</p>
							</div>
							<ul class='Single-ul events-ul ser-tab-left  clearfix'>
								<li class="events-ul-li1">6:00 am - 9:00 pm</li>
								<li class="events-ul-li2">6:00 am - 9:00 pm</li>
							</ul>
						</div>
					</div>	
					<ol class="single-class-choose why-cho-ol your-choose flexbox2 book-class">
						<li class="your-choose-li">
							Curabitur venenatis eleifend bibendum 
						</li>
						<li class="your-choose-li">
							Curabitur venenatis eleifend bibendum 
						</li>
						<li class="your-choose-li">
							Curabitur venenatis eleifend bibendum 
						</li>
						<li class="your-choose-li">
							Curabitur venenatis eleifend bibendum 
						</li>
						<li class="your-choose-li">
							Curabitur venenatis eleifend bibendum 
						</li>
						<li class="your-choose-li">
							Curabitur venenatis eleifend bibendum 
						</li>
					</ol>	
				</div>
				<div class="clearfix">
					<ul class=" ourclass ">
						<li class=" ourteam-11-li">
							<div class="ourteam-11  foll">
								<img src="im/Layer 42.png">
							</div>
						</li>
						<li>
							<p class="class-name home-y-words">Mindful Resilience</p>
							<p class="Alevents-p2 color3 class-name "> 201720 March,</p>
							<p class="single-class-detail home-y-content">Mauris bibendum erat consectetur neque suscipit condimentum. Sed a or</p>
							<ol class="single-class-ol ins-ol">
								<li class="facebook">	
								</li>
								<li class="picture facebook">
								</li>
								<li class="youtobe facebook">
								</li>
							</ol>
							<a href="" class="Another-logo Another"> Another Events Of This Coach</a>
						</li>
					</ul>
				</div>
			</div>

		</div>
	</div> -->
	<!-- 第十八张Portfolio -->
	<!-- <div class="home-y-s-bc public_wrap">
		<div class="content">
			<div class="">
				<div class="home-logo">
					<img src="im/Vector Smart Object5.png">
				</div>
				<div class="home-y-words home-words">
					<p>Instructors</p>
				</div>
				<div class="home-y-content home-wrap-content">
					<p>Pellentesque aliquet sed magna consequsat venenatis. Ut fermentum viverra porta. Nullam dui odio, tempus ut porttitor non, dignissim vel felis. Vestibulum convallis eu eros sit amet pellentesque. Vestibulum ullamcorper, magna vitae ornare pretium</p>
				</div>
			</div>
		</div>
		<div class="home-class pub-wrap-all">
			<ul class="ourclass flexbox content2 book-class ">
				<li  class='practice-li'>
					<div>
						<img src="im/Layer 748.png">
					</div>
					<a href="#">
						<div class="ourclass-details">
							<p class="class-name ">Mindful Resilience</p>
							<p class="class-detail home-y-content">Nullam tristiquetristique, lorem eu laolorem eu laoreet rhoncuss</p>
						</div>
					</a>
					<div class="Portfolio-logo">
						<img src="im/Divider copy 5.png">
					</div>
				</li>
				<li  class='practice-li'>
					<div>
						<img src="im/Layer 748.png">
					</div>
					<a href="#">
						<div class="ourclass-details">
							<p class="class-name ">Mindful Resilience</p>
							<p class="class-detail home-y-content">Nullam tristiquetristique, lorem eu laolorem eu laoreet rhoncuss</p>
						</div>
					</a>
					<div class="Portfolio-logo">
						<img src="im/Divider copy 5.png">
					</div>
				</li>
				<li  class='practice-li'>
					<div>
						<img src="im/Layer 748.png">
					</div>
					<a href="#">
						<div class="ourclass-details">
							<p class="class-name ">Mindful Resilience</p>
							<p class="class-detail home-y-content">Nullam tristiquetristique, lorem eu laolorem eu laoreet rhoncuss</p>
						</div>
					</a>
					<div class="Portfolio-logo">
						<img src="im/Divider copy 5.png">
					</div>
				</li>
				<li  class='practice-li'>
					<div>
						<img src="im/Layer 748.png">
					</div>
					<a href="#">
						<div class="ourclass-details">
							<p class="class-name ">Mindful Resilience</p>
							<p class="class-detail home-y-content">Nullam tristiquetristique, lorem eu laolorem eu laoreet rhoncuss</p>
						</div>
					</a>
					<div class="Portfolio-logo">
						<img src="im/Divider copy 5.png">
					</div>
				</li>
				<li  class='practice-li'>
					<div>
						<img src="im/Layer 748.png">
					</div>
					<a href="#">
						<div class="ourclass-details">
							<p class="class-name ">Mindful Resilience</p>
							<p class="class-detail home-y-content">Nullam tristiquetristique, lorem eu laolorem eu laoreet rhoncuss</p>
						</div>
					</a>
					<div class="Portfolio-logo">
						<img src="im/Divider copy 5.png">
					</div>
				</li>
				<li  class='practice-li'>
					<div>
						<img src="im/Layer 748.png">
					</div>
					<a href="#">
						<div class="ourclass-details">
							<p class="class-name ">Mindful Resilience</p>
							<p class="class-detail home-y-content">Nullam tristiquetristique, lorem eu laolorem eu laoreet rhoncuss</p>
						</div>
					</a>
					<div class="Portfolio-logo">
						<img src="im/Divider copy 5.png">
					</div>
				</li>
				<li  class='practice-li'>
					<div>
						<img src="im/Layer 748.png">
					</div>
					<a href="#">
						<div class="ourclass-details">
							<p class="class-name ">Mindful Resilience</p>
							<p class="class-detail home-y-content">Nullam tristiquetristique, lorem eu laolorem eu laoreet rhoncuss</p>
						</div>
					</a>
					<div class="Portfolio-logo">
						<img src="im/Divider copy 5.png">
					</div>
				</li>
				<li  class='practice-li'>
					<div>
						<img src="im/Layer 748.png">
					</div>
					<a href="#">
						<div class="ourclass-details">
							<p class="class-name ">Mindful Resilience</p>
							<p class="class-detail home-y-content">Nullam tristiquetristique, lorem eu laolorem eu laoreet rhoncuss</p>
						</div>
					</a>
					<div class="Portfolio-logo">
						<img src="im/Divider copy 5.png">
					</div>
				</li>
				<li  class='practice-li'>
					<div>
						<img src="im/Layer 748.png">
					</div>
					<a href="#">
						<div class="ourclass-details">
							<p class="class-name ">Mindful Resilience</p>
							<p class="class-detail home-y-content">Nullam tristiquetristique, lorem eu laolorem eu laoreet rhoncuss</p>
						</div>
					</a>
					<div class="Portfolio-logo">
						<img src="im/Divider copy 5.png">
					</div>
				</li>
				<li  class='practice-li'>
					<div>
						<img src="im/Layer 748.png">
					</div>
					<a href="#">
						<div class="ourclass-details">
							<p class="class-name ">Mindful Resilience</p>
							<p class="class-detail home-y-content">Nullam tristiquetristique, lorem eu laolorem eu laoreet rhoncuss</p>
						</div>
					</a>
					<div class="Portfolio-logo">
						<img src="im/Divider copy 5.png">
					</div>
				</li>
				<li  class='practice-li'>
					<div>
						<img src="im/Layer 748.png">
					</div>
					<a href="#">
						<div class="ourclass-details">
							<p class="class-name ">Mindful Resilience</p>
							<p class="class-detail home-y-content">Nullam tristiquetristique, lorem eu laolorem eu laoreet rhoncuss</p>
						</div>
					</a>
					<div class="Portfolio-logo">
						<img src="im/Divider copy 5.png">
					</div>
				</li>
				<li  class='practice-li'>
					<div>
						<img src="im/Layer 748.png">
					</div>
					<a href="#">
						<div class="ourclass-details">
							<p class="class-name ">Mindful Resilience</p>
							<p class="class-detail home-y-content">Nullam tristiquetristique, lorem eu laolorem eu laoreet rhoncuss</p>
						</div>
					</a>
					<div class="Portfolio-logo">
						<img src="im/Divider copy 5.png">
					</div>
				</li>
			</ul>
			<a href="#" class="book-class-bc  btn-a btn button-bc border2">Load More</a>
		</div>
	</div> -->
	<!-- 第29张 shop-->
	<!-- <div class="content">
		<div class="showing-wrap content4">
			<div class="showing flexbox pub-wrap-all">
				<p class="home-y-content">Showing 1–9 of 18 results</p>
				<div class="show-search">
					<input type="text" name="" class="border2" placeholder="Default sorting">
					<img src="im/Shape612.png">
				</div>
			</div>
			<ul class=" showing-wrap-li book-class pub-wrap-all flexbox">
				<li  class='showing-ul home-y-s-bc'>
					<div>
						<img src="im/Layer 748.png">
					</div>
					<div class="online ourclass-details">
						<p class="class-name home-y-words">Mindful Resilience</p>
						<p class="class-detail home-y-content"> <img src="im/Shape 52291.png"></p>
						<p class="gym-money money-color">$ 79.99</p>
						<a href="" class="show-button online-add you-cho-a border2">From $ 79.99</a>
					</div>
				</li>
				<li  class='showing-ul home-y-s-bc'>
					<div>
						<img src="im/Layer 748.png">
					</div>
					<div class="online ourclass-details">
						<p class="class-name home-y-words">Mindful Resilience</p>
						<p class="class-detail home-y-content"> <img src="im/Shape 52291.png"></p>
						<p class="gym-money money-color">$ 79.99</p>
						<a href="" class="show-button online-add you-cho-a border2">From $ 79.99</a>
					</div>
				</li>
				<li  class='showing-ul home-y-s-bc'>
					<div>
						<img src="im/Layer 748.png">
					</div>
					<div class="online ourclass-details">
						<p class="class-name home-y-words">Mindful Resilience</p>
						<p class="class-detail home-y-content"> <img src="im/Shape 52291.png"></p>
						<p class="gym-money money-color">$ 79.99</p>
						<a href="" class="show-button online-add you-cho-a border2">From $ 79.99</a>
					</div>
				</li>
				<li  class='showing-ul home-y-s-bc'>
					<div>
						<img src="im/Layer 748.png">
					</div>
					<div class="online ourclass-details">
						<p class="class-name home-y-words">Mindful Resilience</p>
						<p class="class-detail home-y-content"> <img src="im/Shape 52291.png"></p>
						<p class="gym-money money-color">$ 79.99</p>
						<a href="" class="show-button online-add you-cho-a border2">From $ 79.99</a>
					</div>
				</li>
				<li  class='showing-ul home-y-s-bc'>
					<div>
						<img src="im/Layer 748.png">
					</div>
					<div class="online ourclass-details">
						<p class="class-name home-y-words">Mindful Resilience</p>
						<p class="class-detail home-y-content"> <img src="im/Shape 52291.png"></p>
						<p class="gym-money money-color">$ 79.99</p>
						<a href="" class="show-button online-add you-cho-a border2">From $ 79.99</a>
					</div>
				</li>
				<li  class='showing-ul home-y-s-bc'>
					<div>
						<img src="im/Layer 748.png">
					</div>
					<div class="online ourclass-details">
						<p class="class-name home-y-words">Mindful Resilience</p>
						<p class="class-detail home-y-content"> <img src="im/Shape 52291.png"></p>
						<p class="gym-money money-color">$ 79.99</p>
						<a href="" class="show-button online-add you-cho-a border2">From $ 79.99</a>
					</div>
				</li>
				<li  class='showing-ul home-y-s-bc'>
					<div>
						<img src="im/Layer 748.png">
					</div>
					<div class="online ourclass-details">
						<p class="class-name home-y-words">Mindful Resilience</p>
						<p class="class-detail home-y-content"> <img src="im/Shape 52291.png"></p>
						<p class="gym-money money-color">$ 79.99</p>
						<a href="" class="show-button online-add you-cho-a border2">From $ 79.99</a>
					</div>
				</li>
				<li  class='showing-ul home-y-s-bc'>
					<div>
						<img src="im/Layer 748.png">
					</div>
					<div class="online ourclass-details">
						<p class="class-name home-y-words">Mindful Resilience</p>
						<p class="class-detail home-y-content"> <img src="im/Shape 52291.png"></p>
						<p class="gym-money money-color">$ 79.99</p>
						<a href="" class="show-button online-add you-cho-a border2">From $ 79.99</a>
					</div>
				</li>
				<li  class='showing-ul home-y-s-bc'>
					<div>
						<img src="im/Layer 748.png">
					</div>
					<div class="online ourclass-details">
						<p class="class-name home-y-words">Mindful Resilience</p>
						<p class="class-detail home-y-content"> <img src="im/Shape 52291.png"></p>
						<p class="gym-money money-color">$ 79.99</p>
						<a href="" class="show-button online-add you-cho-a border2">From $ 79.99</a>
					</div>
				</li>
			</ul>
			<div class="showing-123">
				<ul class="showing-123-ul show-123p border2">
					<li class="showing-123-li">1</li>
					<li>2</li>
					<li>3</li>
					<img src="im/arrows.png" class="show-123p">
				</ul>
			</div>
		</div>
	</div> -->
	<!-- 第30张 Single Product-->
	<!-- <div class="Single-Product content">
		<p class="product-p home-y-words">Related Products</p>
		<ul class=" showing-wrap-li book-class pub-wrap-all flexbox">
			<li  class='product-li  showing-ul home-y-s-bc'>
				<div >
					<img src="im/Layer 748.png">
				</div>
				<div class="online ourclass-details">
					<p class="class-name home-y-words">Mindful Resilience</p>
					<p class="class-detail home-y-content"> <img src="im/Shape 52291.png"></p>
					<p class="gym-money money-color">$ 79.99</p>
					<a href="" class="show-button online-add you-cho-a border2">From $ 79.99</a>
				</div>
				<span class="new-product book-class-bc color">new</span>
			</li>	
			<li  class='product-li  showing-ul home-y-s-bc'>
				<div >
					<img src="im/Layer 748.png">
				</div>
				<div class="online ourclass-details">
					<p class="class-name home-y-words">Mindful Resilience</p>
					<p class="class-detail home-y-content"> <img src="im/Shape 52291.png"></p>
					<p class="gym-money money-color">$ 79.99</p>
					<a href="" class="show-button online-add you-cho-a border2">From $ 79.99</a>
				</div>
				<span class="new-product book-class-bc color">new</span>
			</li>	
			<li  class='product-li  showing-ul home-y-s-bc'>
				<div >
					<img src="im/Layer 748.png">
				</div>
				<div class="online ourclass-details">
					<p class="class-name home-y-words">Mindful Resilience</p>
					<p class="class-detail home-y-content"> <img src="im/Shape 52291.png"></p>
					<p class="gym-money money-color">$ 79.99</p>
					<a href="" class="show-button online-add you-cho-a border2">From $ 79.99</a>
				</div>
				<span class="new-product book-class-bc color">new</span>
			</li>	
			<li  class='product-li  showing-ul home-y-s-bc'>
				<div >
					<img src="im/Layer 748.png">
				</div>
				<div class="online ourclass-details">
					<p class="class-name home-y-words">Mindful Resilience</p>
					<p class="class-detail home-y-content"> <img src="im/Shape 52291.png"></p>
					<p class="gym-money money-color">$ 79.99</p>
					<a href="" class="show-button online-add you-cho-a border2">From $ 79.99</a>
				</div>
				<span class="new-product book-class-bc color">new</span>
			</li>	
		</ul>
	</div> -->
	<!--第31张  CART-->
	<!-- <div class="cart gifts-1">
		<div class="content ">
			<p class="cart-p color">cart</p>
			<div class="bread ">
				<a href="" class="bread-main">home</a>
				<a href="">cart</a>
			</div>
		</div>
	</div> -->
	<div class="content">
		<table class="cart-table">
			<thead>
				<tr>
					<td colspan="3">Product</td>
					<td>Price</td>
					<td>Quantity</td>
					<td>Total</td>
					<td></td>
				</tr>
			</thead>
			<tbody>
				<tr class="cart-table-content">
					<td colspan="3" class="cart-table-content-td">
						<div class="goods-pic">
							<img src="../im/Layer9.png">
						</div>
						<p class="cart-goods-content home-y-words">Mindful Resilience</p>
						<p class="cart-goods-content">scelerisqm sed metus eu, faucibus dapibus metus. Duis ullamcor</p> 
					</td>
					<td>$25.50</td>
					<td>
						<p class="goods-num border2">1 
						<img src="../im/Shape5232.png" class="add">
						<img src="../im/Shape523copy.png" class="abate">
						</p>
					</td>
					<td>$25.50</td>
					<td>
						<img src="../im/Close.png">
					</td>
				</tr>
				<tr class="tr-last">
					<td colspan="3" class='cart-down'>
						<div class="search-cart-down">
							<input type="text" name="" class="border2" placeholder="Coupon code">
							<a href="" class="cart-down-Apply online-add you-cho-a border2">Apply </a>
						</div>
					</td>
					<td></td>
					<td></td>
					<td colspan="2" class="tr-last-td">
						<a href="" class="Update-Cart-button online-add you-cho-a border2">From $ 79.99</a>
					</td>
				</tr>
			</tbody>
		</table>
	</div>


</body>
	<script>
		new WOW().init();
	</script>
</html>
